/*
 * miBus-admin.css
 */

/**********************************************
                        Elementos generales
 **********************************************/

h3 {
    text-transform: uppercase;
    font-size: 1.6em;
    text-align: center;
}

body {
    min-width: 730px;
}

/*----------------------------------------------
                        A (Links)
 ----------------------------------------------*/

.content a, .content a:link, .content a:visited, .content a:active, button {
    margin: 4px;
    padding: 2px 4px;
    background-color: #000;
    color: #FFF;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.content a:active {
    background-color: #C3C3C3 !important;
}

/*----------------------------------------------
                        TABLES
 ----------------------------------------------*/

table:not(.dt) {
    margin: 10px auto;
    min-width: 40%;
}

table:not(.dt) caption {
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    background-color: #000;
    color: #FFF;
}

table:not(.dt) thead tr {
    background-color: #000000;
    color: #FFFFFF;
}

table thead tr th, table tbody tr th, table tbody tr td {
    padding: 2px 6px;
}

table:not(.dt) tbody tr:last-child th, table:not(.dt) tbody tr:last-child td {
    border-bottom: 1px solid #000000;
}

table tbody tr:nth-child(odd) {
    background-color: #C7C7D1;
}

table tbody tr:nth-child(even) {
    background-color: #E3E3E8;
}

table.dt tbody tr:hover td {
    background-color: #fff98d;
}

table tfoot td {
    text-align: center;
}

table tfoot input {
    color: #999;
    width: 80%;
}

table tfoot input[type=button] {
    background-color: #C9FFFC;
    padding: 2px 6px;
    margin-left: 2px;
    cursor: pointer;
    border: 1px solid #999;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 4px;
    color: #000;
}

/*----------------------------------------------
                        FORMS
 ----------------------------------------------*/

#subcontent div.form {
    float:right;
    width:76%;
    border-left:1px solid #666;
    padding:10px 2%;
}

#subcontent form {
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 95%;
}
#subcontent fieldset {
    border: 1px solid #444;
    margin-bottom: 1em;
    padding: 16px 10px;
}
#subcontent fieldset legend {
    color: #444;
    font-size: 140%;
    font-weight: bold;
}
#subcontent fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
#subcontent fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
#subcontent fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
#subcontent form div {
    clear: both;
    margin-bottom: 1em;
    padding: .5em;
    vertical-align: text-top;
}
#subcontent form .input {
    color: #444;
}
#subcontent form .required {
    font-weight: bold;
}
#subcontent form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
#subcontent form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
}
#subcontent label {
    display: block;
    font-size: 110%;
    margin-bottom:3px;
}
#subcontent select {
    clear: both;
    vertical-align: text-bottom;
}
#subcontent select[multiple=multiple] {
    width: 100%;
}
#subcontent option {
    font-size: 120%;
    padding: 0 3px;
}
#subcontent input, #subcontent select, #subcontent textarea {
    color: #444;
    border: 1px solid #999;
    margin: 1%;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width: 80%;
}
#subcontent div.input.time > * {
    vertical-align: middle;
}
#subcontent div.input.time select {
    min-width: inherit;
}
#subcontent input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
    min-width: inherit;
}
#subcontent div.checkbox label {
    display: inline;
}
#subcontent input[type=radio] {
    float:left;
    width:auto;
    min-width: inherit;
    margin: 6px 0;
    padding: 0;
    line-height: 26px;
}
#subcontent .radio label {
    margin: 0 0 6px 20px;
    line-height: 26px;
}
#subcontent input[type=submit] {
    display: inline;
    font-size: 110%;
    width: auto;
    min-width: inherit;
}
#subcontent form .submit input[type=submit] {
    background:#62af56;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    border-color: #2d6324;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
    padding: 8px 10px;
}
#subcontent form .submit input[type=submit]:hover {
    background: #5BA150;
}
/* Form errors */
#subcontent form .error {
    background: #FFDACC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
}
#subcontent form .error-message {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none;
    background: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
#subcontent form .error,
#subcontent form .error-message {
    color: #9E2424;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

/* Buttons and button links */
#subcontent input[type=submit],
#subcontent .actions ul li a,
#subcontent .actions a {
    font-weight:normal;
    padding: 4px 8px;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: linear-gradient(top, #fefefe, #dcdcdc);
    color:#333;
    border:1px solid #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: #fff 0px 1px 0px;
    min-width: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    user-select: none;
}
#subcontent .actions ul li a:hover,
#subcontent .actions a:hover {
    background: #ededed;
    border-color: #acacac;
    text-decoration: none;
}
#subcontent input[type=submit]:active,
#subcontent .actions ul li a:active,
#subcontent .actions a:active {
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
    background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
    background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
    background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
    background-image: -o-linear-gradient(top, #dfdfdf, #eee);
    background-image: linear-gradient(top, #dfdfdf, #eee);
    text-shadow: #eee 0px 1px 0px;
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    border-color: #aaa;
    text-decoration: none;
}

/**********************************************
                        Elementos particulares
 **********************************************/

#nav > div {
    padding: 0 20px 0 0;
    width: 110px !important;
}

.cols-display {
    width: 100%;
}

.cols-display [class*="cols"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2.127659574468085%;
}

.cols-display [class*="cols"]:first-child {
    margin-left: 0;
}

.cols-display .cols2 {
    width: 48.93617021276595%;
}

/*----------------------------------------------
                        MENUS
 ----------------------------------------------*/

/*----------------------------------------------
                        MENUS > ELEMENTS MENU
 ----------------------------------------------*/

#elements_menu {
    font-family: "Benjamin Gothic", "Arial", "sans-serif";
    text-align: left;

    position: absolute;
    top: 95px;
    left: 254px;
    background-color: #97FFFC;
    color: #000;
    font-size: 1.2em;
    border: 3px solid #444;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

#elements_menu a {
    display: block;
    padding: 4px 9px;
}

/*----------------------------------------------
                        SUBCONTENT
 ----------------------------------------------*/

#subcontent_wrapper {
    padding: 10px;
}

#subcontent_wrapper * {
    font-family: "Arial Rounded", "Arial", "sans-serif";
}

/*----------------------------------------------
                        MAP
 ----------------------------------------------*/

#map {
    margin: 0 auto;
    width: 46%;
    height: 400px;
    position: fixed;
}

/*----------------------------------------------
                        TIPOS REPORTES
 ----------------------------------------------*/

#tipos_reportes {
    text-align: center;
}
#tipos_reportes2 {
    text-align: center;
    margin-top:10px;
}

/**********************************************
                Plugins
**********************************************/

/*----------------------------------------------
                SELECT2
----------------------------------------------*/

[class*="select2"] {
    font-family: "Arial Rounded", "Arial", "sans-serif";
}

/*----------------------------------------------
                DATA TABLES
----------------------------------------------*/

/*table.dataTable {
        margin: 0 auto;
}

table.dataTable caption {
        font-size: 1.4em;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        background-color: inherit;
        color: inherit;
}

table.dataTable tbody tr td.dataTables_empty {
        background-color: #FFF;
        color: #000;
        text-align: center;
}

.dt_pag_wrapper {
        display: inline-block;
        float: right;
}

.dt_pag_wrapper > * {
        margin: 5px auto;
}

div.dataTables_paginate {
    float: right;
}

div.dataTables_paginate,
div.dataTables_info,
div.dataTables_length {
    padding: 6px;
}

div.dataTables_length select {
        vertical-align: middle;
        min-width: initial;
}*/
table.dataTable thead tr th {
    background-color: #3F3F3F !important;
    color: white;
    border: 1px solid white;
}

table.dataTable tfoot input[type=button] {
    width: auto;
}

a.paginate_button,
a.paginate_active {
    display: inline-block;
    background-color: #C9FFFC;
    padding: 2px 6px;
    margin-left: 2px;
    cursor: pointer;
    border: 1px solid #999;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 4px;
    color: #000;
}

a.paginate_active {
    background-color: transparent;
}

a.paginate_button_disabled {
    color: #999;
    cursor: default;
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}

div[class*=DTTT_collection] {
    font-family: "Arial Rounded", "Arial", "sans-serif";
}

.dataTables_length label select {
    margin: 6px !important;
    min-width: inherit !important;
    vertical-align: middle !important;
}

.dataTables_processing {
    top: 0 !important;
    height: 100% !important;
    margin-top: 0 !important;
    padding-top: 30px !important;
}